<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script>

</script>
<body>
<header class="header" th:fragment="topFragment">
    <div class="kiosk-header-bottom header-sticky">
        <div class="container">
            <div class="row">
                <div class="col-xl-3 col-lg-2 col-sm-5 col-5">
                    <div class="logo">
                        <a href="index.html"><img src="img/logo/logo.png" alt="logo image"></a>
                    </div>
                </div>
                <!-- Primary Vertical-Menu End -->
                <!-- Search Box Start -->
                <div class="col-xl-6 col-lg-7 d-none d-lg-block">
                    <div class="kiosk-middle-menu pull-right">
                        <nav>
                            <ul class="kiosk-middle-menu-list">
                                <li><a href="/">首页</a>

                                    <!-- Home Version Dropdown End -->
                                </li>
                                <!--                                        <li><a href="about.html">about us</a></li>                                        -->
                                <li><a href="/shop">商品</a>
                                    <!-- Home Version Dropdown Start -->
                                    <!-- Home Version Dropdown End -->
                                </li>
                                <li>
                                    <a th:if="${session.loginUser==null}" href="/login">我的</a>
                                </li>
                                <li>
                                    <a th:if="${session.loginUser!=null}" href="">我的</a>
                                    <ul class="kiosk-dropdown">
                                        <li><a href="/lookCart">我的购物车</a></li>
                                        <li><a href="/toOrder">我的账单</a></li>
                                        <li><a href="/lookWishlist">我的收藏</a></li>
                                        <li><a href="/toAddress">我的收货地址</a></li>
                                        <li><a href="/my">个人信息</a></li>
                                    </ul>
                                </li>
<!--                                <li><a href="blog.html">博客</a>-->
<!--                                    &lt;!&ndash; Home Version Dropdown Start &ndash;&gt;-->
<!--                                    <ul class="kiosk-dropdown">-->
<!--                                        <li><a href="blog.html">博客</a></li>-->
<!--                                        <li><a href="blog-details.html">博客详情</a></li>-->
<!--                                    </ul>-->
<!--                                    &lt;!&ndash; Home Version Dropdown End &ndash;&gt;-->
<!--                                </li>-->
                                <li><a href="/about">关于我们</a>
                                    <!-- Home Version Dropdown Start -->
<!--                                    <ul class="kiosk-dropdown">-->
<!--                                        <li><a href="contact.html">联系我们</a></li>-->
<!--                                        <li><a href="about.html">关于我们</a></li>-->
<!--                                    </ul>-->
                                    <!-- Home Version Dropdown End -->
                                </li>
                                <li><a th:if="${session.loginUser==null}" href="/login">登录</a></li>
                                <li><a th:if="${session.loginUser!=null}" href="/logout">退出登录</a></li>
                                <li><a th:if="${session.loginUser==null}" href="/loginup">注册</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <!-- Search Box End -->
                <!-- Cartt Box Start -->
                <div class="col-lg-3 col-sm-7 col-7">
                    <div class="kiosk-cart text-right">
                        <ul>

                            <li><a href="/lookCart"><i class="fa fa-shopping-cart"></i><span class="cart-counter">2</span></a>
<!--                                <ul class="kiosk-dropdown main-kiosk-cart">-->
<!--                                    <li>-->
                                        <!-- Cart Box Start -->
<!--                                        <div class="single-kiosk-cart">-->
<!--                                            <div class="cart-img">-->
<!--                                                <a href="#"><img src="img/products/4.jpg" alt="cart-image"></a>-->
<!--                                            </div>-->
<!--                                            <div class="cart-content">-->
<!--                                                <h6><a href="product.html">lorem Ipsum</a></h6>-->
<!--                                                <span>$299.00</span>-->
<!--                                            </div>-->
<!--                                            <h6 class="kiosk-qty"><b>Qty</b>:03</h6>-->
<!--                                        </div>-->
                                        <!-- Cart Box End -->
                                        <!-- Cart Box Start -->
<!--                                        <div class="single-kiosk-cart">-->
<!--                                            <div class="cart-img">-->
<!--                                                <a href="#"><img src="img/products/4.jpg" alt="cart-image"></a>-->
<!--                                            </div>-->
<!--                                            <div class="cart-content">-->
<!--                                                <h6><a href="product.html">lorem Ipsum</a></h6>-->
<!--                                                <span>$469.00</span>-->
<!--                                            </div>-->
<!--                                            <h6 class="kiosk-qty"><b>Qty</b>:01</h6>-->
<!--                                        </div>-->
                                        <!-- Cart Box End -->
                                        <!-- Cart Footer Inner Start -->
<!--                                        <div class="cart-footer fix">-->
<!--                                            <h5>Discount<span class="f-right">$8.00</span></h5>-->
<!--                                            <h5>Shipping<span class="f-right">$18.00</span></h5>-->
<!--                                            <h5>Vat<span class="f-right">$6.00</span></h5>-->
<!--                                            <h5>Total<span class="f-right"><b>$698.00</b></span></h5>-->
<!--                                            <div class="kiosk-cart-button">-->
<!--                                                <a class="button slider-btn" href="cart.html">View Cart</a>-->
<!--                                                <a class="button slider-btn f-right mr-0" href="checkout.html">Checkout</a>-->
<!--                                            </div>-->
<!--                                        </div>-->
                                        <!-- Cart Footer Inner End -->
<!--                                    </li>-->
<!--                                </ul>-->
                            </li>
                            <li><a href="/lookWishlist"><i class="fa fa-heart-o"></i></a></li>
                            <li><a th:if="${session.loginUser!=null}" th:text="${session.loginUser.getUser_name()}"></a></li>
                        </ul>
                    </div>
                </div>
                <!-- Cartt Box End -->
                <div class="col-sm-12 d-lg-none">
                    <div class="mobile-menu">
                        <nav>
                            <ul>
                                <li><a href="index.html">home</a>
                                    <!-- Home Version Dropdown Start -->
                                    <ul>
                                        <li><a href="index.html">Home Version 1</a></li>
                                    </ul>
                                    <!-- Home Version Dropdown End -->totalPrice
                                </li>
                                <li><a href="shop.html">shop</a>
                                    <!-- Mobile Menu Dropdown Start -->
                                    <ul>
                                        <li><a href="shop.html">shop</a></li>
                                        <li><a href="cart.html">Cart Page</a></li>
                                        <li><a href="checkout.html">Checkout Page</a></li>
                                        <li><a href="wishlist.html">Wishlist Page</a></li>
                                        <li><a href="product.html">product details</a></li>
                                    </ul>
                                    <!-- Mobile Menu Dropdown End -->
                                </li>
                                <li><a href="blog.html">Blog</a>
                                    <!-- Mobile Menu Dropdown Start -->
                                    <ul>
                                        <li><a href="blog.html">Blog Page</a></li>
                                        <li><a href="blog-details.html">Blog Details Page</a></li>
                                    </ul>
                                    <!-- Mobile Menu Dropdown End -->
                                </li>
                                <li><a href="#">pages</a>
                                    <!-- Mobile Menu Dropdown Start -->
                                    <ul>
                                        <li><a href="contact.html">contact us</a></li>
                                        <li><a href="about.html">about us</a></li>
                                        <li><a href="login.html">Login Page</a></li>
                                        <li><a href="error.html">404 Page</a></li>
                                    </ul>
                                    <!-- Mobile Menu Dropdown End -->
                                </li>
                                <li><a href="about.html">about us</a></li>
                                <li><a href="contact.html">contact us</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <!-- Mobile Menu  End -->
            </div>
            <!-- Row End -->
        </div>
        <!-- Container End -->
    </div>
</header>
</body>
</html>